<!DOCTYPE html>
<html>
  
  <head>
      <meta charset="UTF-8">
      <title>购票</title>
      <meta name="renderer" content="webkit">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
      <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
      <link rel="stylesheet" href="/booking2/css/font.css">
      <link rel="stylesheet" href="/booking2/css/xadmin.css">
      <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
      <script type="text/javascript" src="/booking2/lib/layui/layui.js" charset="utf-8"></script>
      <script type="text/javascript" src="/booking2/js/xadmin.js"></script>
      <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
      <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
  </head>
  
  <body>
    <div>
        <fieldset class="layui-elem-field">
            <legend>请填写改签日期</legend>
            <div class="layui-field-box layui-bg-gray">
                <form class="layui-form" >
                    <input type="hidden" name="bookingId" id="bookingId" th:value="${bookingId}">
                    <div class="layui-form-item" style="margin-top: 30px;">
                        <div class="layui-input-inline">
                            <input type="text" id="time" name="time" required="" lay-verify="required"
                                   autocomplete="off" class="layui-input" th:value="${time}">
                        </div>
                        <button  class="layui-btn" lay-filter="add" lay-submit="">
                            确定改签
                        </button>
                    </div>
                    <img src="/booking/images/sss1.png">
                </form>
            </div>
         </fieldset>
    </div>
    <script>

        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var form = layui.form
                ,layer = layui.layer;

            //改签按钮
            form.on('submit(add)', function(data){
                $.ajax({
                    url:"/booking/changes",
                    async: false,
                    type:"POST",
                    dataType: "json",
                    data:data.field,
                    success: function(data){
                        layer.alert(data.info);
                        if(data.info="改签成功！"){
                            // 获得frame索引
                            var index = parent.layer.getFrameIndex(window.name);

                            //关闭当前frame
                            setTimeout("parent.layer.close();",500);
                            //刷新
                            setTimeout("window.location.reload();",1000);
                        }
                    }

                })
                return false;
            });

        });




        layui.use('laydate', function(){
            var laydate = layui.laydate;

            //自定义日期格式
            laydate.render({
                elem: '#time'
                ,format: 'yyyy-MM-dd' //可任意组合
            });
        });
    </script>
  </body>

</html>